<template>
	<div class="welfare">
		<div class="content" @click="toPhoneBill">
			<image src="https://hulupai.oss-cn-hangzhou.aliyuncs.com/upload/20210114/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20210115114224.png" style="width:100%;height:135px;border-radius:16px;"></image>
		</div>
	</div>
</template>
<script>
	const eeui = app.requireModule('eeui');
	import {
		list as wxPageList
	} from '../../../../api/wxPage'
	import {
		list as navigationList
	} from '../../../../api/navigation'
	export default {
		name: 'phoneBill',
		data() {
			return {
			}
		},
		props: ['content'],
		created() {},
		methods: {
			toPhoneBill() {
				console.info("我要去充值页面")
				eeui.openPage({
					url: 'root://pages/member/phoneBill/phoneBill.js',
					params: "",
                    statusBarType: 'immersion',
                    statusBarStyle:false
				})
			}
			},
		components: {},
	}
</script>

<style scoped>
	.welfare {
		position: relative;
		margin-top: 20px;
	}
	.content{
	  width: 710px;
	  height: 135px;
	  margin-left: 20px;
	  border-radius: 16px;
	}

	.welfare-bottom {
		width: 710px;

		position: absolute;
		top: 150%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	    box-sizing: border-box;
	    left: 20px;
	}
	.item {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 154px;
	  height: 154px;
	  /* background-color: red */
	}
	.img_content{
		height: 154px;
		width: 154px;
	}
	.item-img {
		width: 100%;
	  height: 100%;
	}
	.text_content{
		overflow: hidden;
		margin-top: 10px;
		text-align: center;
		text-overflow: ellipsis;
	}
	.img-text {
		font-size:24px;
		font-weight:400;
		color:rgba(193,71,51,1);
		line-height:36px;
	}



</style>
